<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""DTD/xhtml1-strict.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/c.tld" prefix="c" %>
<%@ taglib uri="/WEB-INF/el.tld" prefix="el" %>
<html>
	
	<head>
		<title>:: ProvAcc ::</title>
		<c:import url="/includes/css_inc.jsp" />
		<script type="text/javascript">
		function sizeFrame() {
			var F = document.getElementById("content");
			var menu = document.getElementById("menu");
			var tdHiddenHidden = document.getElementById("td_hidden_hidden");
			var tdHiddenShow = document.getElementById("td_hidden_show");
			var imgActionShow = document.getElementById("img_action_show");
			var imgActionHidden = document.getElementById("img_action_hidden");
			F.height = screen.height - 240;
			menu.height = screen.height - 240;
			tdHiddenHidden.height = screen.height - 240;
			tdHiddenShow.height = screen.height - 240;
			imgActionHidden.style.paddingBottom = ((screen.height - 240)/4)+"px";
			imgActionShow.style.paddingBottom = ((screen.height - 240)/4)+"px";
		}
		function hiddenMenu(mode){
			var leftMenu = document.getElementById("left_menu");
			var tdHiddenHidden = document.getElementById("td_hidden_hidden");
			var tdHiddenShow = document.getElementById("td_hidden_show");
			var tdContent = document.getElementById("td_content");
			
			if(mode == "show"){
				leftMenu.style.display = "";
				leftMenu.width = "23%";
				tdHiddenHidden.style.display = "";
				
				tdHiddenShow.style.display = "none";
			}else if(mode == "hidden"){
				leftMenu.style.display = "none";
				tdHiddenHidden.style.display = "none";
				
				tdHiddenShow.style.display = "";
				tdContent.width = "100%";
			}
			
		}
		</script>
	</head>
	<body style="overflow-x: hidden;">
		<table style="height: 100%; width: 100%;" border="0"  cellpadding="0" cellspacing="0">	
			<tr>
				<td colspan="3">
					<table border="0" width = "100%" cellpadding="0" cellspacing="0">
						<tr>
							<td class="header1" height="60px"><img src="${pageContext.request.contextPath}/images/header1.gif" height="100%" width="100%"/></td>
							<td class="header2" height="60px"><img src="${pageContext.request.contextPath}/images/header2.gif" height="100%" width="100%"/></td>
							<td class="header3" height="60px"><img src="${pageContext.request.contextPath}/images/header3.gif" height="100%" width="100%"/></td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td width="8px" id="td_hidden_show" valign="middle" style="display: none;">
					<img src="images/h2.gif" id="img_action_show" onclick="hiddenMenu('show');" style="cursor: pointer;"/>
				</td>
				<td width="23%" align="center" valign="top" style="border-top: 1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;" id="left_menu">
					<iframe src="apps/menu.jsp" height="100%" width="95%" frameBorder="0" name="menu" id="menu">
					</iframe>
				</td>
				<td width="3px" id="td_hidden_hidden" valign="middle">
					<img src="images/h1.gif" id="img_action_hidden" onclick="hiddenMenu('hidden');" style="cursor: pointer;"/>
				</td>
				<td valign="top" style="border-top: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;overflow-x:hidden;" id="td_content">
					<table class="acc67-grid" border="0" width = "100%" cellpadding="0" cellspacing="0">
						<tr height="20" class="ui-widget ui-widget-content">
							<td width="50%">&nbsp;</td>
							<td><a href="${pageContext.request.contextPath}/acc67?app=ACC670101&job=info&userId=${userInfo.userId}" target="content">${userInfo.userName}</a></td>
							<td width="20%">${userInfo.areaDetail}</td>
							<td width="5%" align="right"><a href="${pageContext.request.contextPath}/acc67">Logout</a></td>
						</tr>
						<tr>
							<td colspan="4">
								<iframe id="content" name="content" width="100%" height="100%"
								scrolling="yes" frameborder="0" onload="return sizeFrame();">
								</iframe>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>	
</html>